<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>图片插入</title>
</head>
<body>
<!-- 相对路径：从当前html文件出发去找资源
      1）图片与HTML文件在同一级目录下，直接写图片全名
      2）图片与HTML文件不在同一级目录下，先写文件夹，再写图片全名 img/图片全名
      3）图片在HTML文件的上一级目录，先../回到上级再写图片全名 ../图片全名
 -->
  <img src="2.linux.png">
  <hr>
  <img src="img/1.VFX商业视效.jpg">
  <hr>
  <img src="../3.WEB全栈工程师.png">
  <hr>
  <img src="abc" alt="图片不存在">
  <hr>
<!--width为设置宽度的值   title为设置图片的提示信息，需要悬停在图片上面才显示-->
  <img src="img/4.迪迦.png" width="650px" alt="" title="这是超人力霸王迪迦">
  <hr>

<!--绝对路径：从根目录出发去找资源 -->
  <img src="https://cdn.tmooc.cn/bsfile//courseImg///c2df21f97ee64c0bb1899ae6413db65f.jpg">

</body>
</html>